<template>
<div id="">
  <div class="container">
    <div class="row ">
      <div class="col-sm-12 col-md-12 ">
        <div class="thumbnail clearfix">
          <h1>{{list.title}}<span>({{list.year}})</span></h1>
          <img :src="list.images.large" alt="" class="pull-left tu">
          <div class="caption pull-left">
            <p>导演：{{list.directors[0].name}}</p>
            <p>编剧：<span v-for="name in list.casts">{{name.name}} / </span></p>
            <p>制片国家： {{list.countries[0]}}</p>
            <p>类型:：<span v-for="item in list.genres">{{item}} / </span></p>
            <p>{{list.born_place}}</p>
            <p v-for="item in list.aka_en">{{item}}</p>
            <p>上映日期：{{list.year}}-09-09</p>
            <p>又名：<span v-for="names in list.aka">{{names}}/</span></p>
          </div>
        </div>
      </div>

      <div class="col-sm-12 col-md-12">
        <p class="p">机器人九号剧情介绍.....</p>
        <p>{{list.summary}}</p>
      </div>
      <div class="col-sm-12 col-md-12">
        <p class="p">机器人九号影人.....</p>
        <div class="col-sm-12 col-md-12">
          <div class="thumbnail pull-left" v-for="item in list.casts">
            <img :src="item.avatars.large" alt="..." class="tu">
            <div class="caption">
              <p>{{item.name}}</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</template>
<script>
export default {
  name: "",
  data() {
    return {
      list: []
    }
  },
  mounted() {
    this.axios({
      url: "/api/v2/movie/subject/1764796",
      method: "get"
    }).then((res) => {
      this.list = res.data
    })
  }

}
</script>
<style  scoped>
.tu {
  max-height: 180px
}

.p {
  color: green
}
</style>
